.login-container{
  height:100%;
  min-height:550px;
  background-color:#eeeeee;
  background-image:url("@/assets/images/login_bg.svg");
  background-size:cover;
  .login-box{
    position:relative;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:space-evenly;
    width:100vw;
    height:100vh;
    padding:0 50px;
    background-color:hsl(0deg 0% 100% / 80%);
    border-radius:10px;
    .dark{
      position:absolute;
      top:13px;
      right:18px;
    }
    .login-left{
      width:510px;
      margin:0 10px 0 0;
      img{
        width:100%;
        height:100%;
      }
    }
    .login-form{
      width:350px;
      padding:30px 40px 40px;
      background-color:#ffffff;
      border-radius:10px;
      box-shadow:2px 3px 7px rgb(0 0 0 / 20%);
      .login-logo{
        display:flex;
        align-items:center;
        justify-content:center;
        margin-bottom:25px;
        flex-direction: column;
        .login-icon{
          width:60px;
          height:52px;
        }
        .logo-text{
          padding:10px 0 20px 0;
          margin:0;
          font-size:25px;
          font-weight:bold;
          color:#34495e;
          white-space:nowrap;
        }
      }
      .el-form-item{
        margin-bottom:30px;
      }
      .login-btn{
        display:flex;
        justify-content:space-between;
        width:100%;
        margin-top:20px;
        white-space:nowrap;
        .el-button{
          width:45%;
        }
      }
    }
  }
}
@media screen and (max-width:1250px){
  .login-left{
    display:none;
  }
}
@media screen and (max-width:600px){
  .login-form{
    width:97% !important;
  }
}
.imgCaptcha {
  width: 130px;
}